<!--
 * @Author: fishroom
 * @Date: 2021-08-22 23:05:22
 * @LastEditTime: 2021-09-03 14:34:44
 * @FilePath: \backstage\src\views\background\Background.vue
-->
<template>
  <div class="b-ground">
    <!-- 头部 -->
    <div class="head">
      <div class="system">军资管理系统 V1.0</div>
      <div class="info">
        <div class="details">
          <div class="iconfont">&#xe607;</div>
          <p>用户名</p>
        </div>
        <button @click="backHome()">进入前台</button>
      </div>
    </div>
    <div class="main">
      <div class="sidenav">
        <tree-view />
      </div>

      <!-- 内容区 -->
      <div class="flex-grow b-main-content">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
import TreeView from "./TreeView.vue";
export default {
  components: {
    TreeView
  },
  name: "Background",
  methods: {
    backHome() {
      this.$router.push("/");
    }
  }
};
</script>
<style lang="scss">
@import url("../../style/background.scss");
</style>
